@ibiz-template-plugin/ibiz-file-previewer 0.0.24 → 0.0.25

package/dist/index.es.js

@@ -1644,6 +1644,42 @@ var posix = {
   posix: null
 };
 posix.posix = posix;
+class EventEmitter {
+  constructor() {
+    __publicField(this, "handlers", {});
+  }
+  /**
+   * 订阅事件
+   * @param event 事件名
+   * @param handler 处理函数
+   * @returns 取消订阅函数
+   */
+  on(event, handler) {
+    if (!this.handlers[event]) {
+      this.handlers[event] = /* @__PURE__ */ new Set();
+    }
+    this.handlers[event].add(handler);
+    return () => this.off(event, handler);
+  }
+  /**
+   * 取消订阅事件
+   * @param event 事件名
+   * @param handler 处理函数
+   */
+  off(event, handler) {
+    var _a;
+    (_a = this.handlers[event]) == null ? void 0 : _a.delete(handler);
+  }
+  /**
+   * 派发事件
+   * @param event 事件名
+   * @param payload 载荷
+   */
+  emit(event, payload) {
+    var _a;
+    (_a = this.handlers[event]) == null ? void 0 : _a.forEach((handler) => handler(payload));
+  }
+}
 var f = 0;
 function u(e2, t2, n2, o2, i2, u2) {
   t2 || (t2 = {});
@@ -2253,7 +2289,7 @@ const FilePreviewImage = (props) => {
         onMouseDown: (evt) => controller.handleMouseDown(evt)
       }
     ),
-    /* @__PURE__ */ u(Teleport, { to: "#custom-controls", children: /* @__PURE__ */ u("div", { className: "image-toolbar-container", children: [
+    /* @__PURE__ */ u(Teleport, { to: "#".concat(controller.controlsId), children: /* @__PURE__ */ u("div", { className: "image-toolbar-container", children: [
       /* @__PURE__ */ u(
         "button",
         {
@@ -16955,7 +16991,7 @@ const FilePreviewMD = (props) => {
   }, []);
   return /* @__PURE__ */ u("div", { className: "file-preview-md ".concat(c2.state.value.theme), children: [
     /* @__PURE__ */ u("div", { ref: previewRef }),
-    /* @__PURE__ */ u(Teleport, { to: "#custom-controls", children: /* @__PURE__ */ u("button", { title: "目录", className: "control-btn", onClick: onOutline, children: /* @__PURE__ */ u("span", { className: "icon", children: /* @__PURE__ */ u(ThumbnailSvg, {}) }) }) })
+    /* @__PURE__ */ u(Teleport, { to: "#".concat(c2.controlsId), children: /* @__PURE__ */ u("button", { title: "目录", className: "control-btn", onClick: onOutline, children: /* @__PURE__ */ u("span", { className: "icon", children: /* @__PURE__ */ u(ThumbnailSvg, {}) }) }) })
   ] });
 };
 function deepFreeze(obj) {
@@ -19214,6 +19250,14 @@ const FilePreviewImageGroup = (props) => {
       observer.disconnect();
     };
   }, []);
+  y$1(() => {
+    const unsubscribe = controller.events.on("goToPage", (page) => {
+      scrollToPage(page);
+    });
+    return () => {
+      unsubscribe();
+    };
+  }, []);
   return /* @__PURE__ */ u("div", { className: "file-preview-image-group", children: [
     /* @__PURE__ */ u(
       "div",
@@ -19276,7 +19320,7 @@ const FilePreviewImageGroup = (props) => {
         ]
       }
     ),
-    /* @__PURE__ */ u(Teleport, { to: "#custom-controls", children: /* @__PURE__ */ u("div", { className: "image-toolbar-container", children: [
+    /* @__PURE__ */ u(Teleport, { to: "#".concat(controller.controlsId), children: /* @__PURE__ */ u("div", { className: "image-toolbar-container", children: [
       /* @__PURE__ */ u(
         "button",
         {
@@ -19497,7 +19541,7 @@ const FilePreviewShell = (props) => {
         ] })
       ] }),
       /* @__PURE__ */ u("div", { className: "preview-controls", children: [
-        /* @__PURE__ */ u("div", { className: "custom-controls", id: "custom-controls" }),
+        /* @__PURE__ */ u("div", { className: "custom-controls", id: controller.controlsId }),
         /* @__PURE__ */ u(
           "button",
           {
@@ -19541,7 +19585,9 @@ const FilePreviewShell = (props) => {
           children: state.value.isCreated && controller.preViewComp && controller.preViewController ? _$2(controller.preViewComp, {
             controller: controller.preViewController,
             onInitialization: () => {
+              var _a, _b;
               controller.updateState({ isLoading: false });
+              (_b = (_a = controller.getOptions()).onInitialized) == null ? void 0 : _b.call(_a);
             }
           }) : null
         }
@@ -19560,9 +19606,19 @@ class FilePreviewItemController {
      * 状态
      */
     __publicField(this, "state", d$1({}));
+    /**
+     * 事件对象，用于向组件派发瞬时动作事件
+     */
+    __publicField(this, "events", new EventEmitter());
     this.filePreviewShell = filePreviewShell;
     this.initState();
   }
+  /**
+   * 工具栏容器唯一 id（代理自 shell controller）
+   */
+  get controlsId() {
+    return this.filePreviewShell.controlsId;
+  }
   /**
    * 更新状态
    * - 所有的状态更新必须调用该方法，以便界面响应
@@ -19741,6 +19797,22 @@ class FilePreviewImageGroupController extends FilePreviewImageController {
     const { showThumbnailPanel } = this.state.value;
     this.updateState({ showThumbnailPanel: !showThumbnailPanel });
   }
+  /**
+   * 跳转至指定页（0-based）
+   * - 越界或内容未加载时静默忽略
+   * - 同步更新 currentPage，并派发 goToPage 事件由组件执行滚动
+   * @param page 目标页索引
+   */
+  goToPage(page) {
+    setTimeout(() => {
+      const { total } = this.state.value;
+      if (!Number.isInteger(page) || total <= 0 || page < 0 || page >= total) {
+        return;
+      }
+      this.updateState({ currentPage: page });
+      this.events.emit("goToPage", page);
+    }, 0);
+  }
   /**
    * 处理旋转角度改变
    * @param value
@@ -20650,6 +20722,7 @@ class FilePreviewItemDispatcher {
  * 引擎预览组件映射表
  */
 __publicField(FilePreviewItemDispatcher, "enginePreviewMap", /* @__PURE__ */ new Map());
+let filePreviewInstanceId = 0;
 class FilePreviewShellController {
   /**
    * 构造函数
@@ -20668,6 +20741,11 @@ class FilePreviewShellController {
      * 文件预览控制器
      */
     __publicField(this, "preViewController");
+    /**
+     * 当前实例工具栏容器唯一 id（不带 #）
+     * - 构造时确定，生命周期内不变
+     */
+    __publicField(this, "controlsId");
     /**
      * 文件预览器状态对象
      */
@@ -20689,6 +20767,8 @@ class FilePreviewShellController {
     if (options.theme) this.updateState({ theme: options.theme });
     FilePreviewItemDispatcher.initialize();
     this.getState = this.getState.bind(this);
+    filePreviewInstanceId += 1;
+    this.controlsId = "custom-controls-".concat(filePreviewInstanceId);
   }
   /**
    * 更新状态
@@ -20874,6 +20954,17 @@ class FilePreviewShellController {
     this.mountComponent();
     this.updateState({ isCreated: true });
   }
+  /**
+   * 跳转至目标页
+   * - 仅对图片组场景生效，其它场景忽略
+   * - 页码为 0-based
+   * @param page 目标页索引
+   */
+  goToPage(page) {
+    if (this.preViewController instanceof FilePreviewImageGroupController) {
+      this.preViewController.goToPage(page);
+    }
+  }
 }
 export {
   ActionType,